<div class="slider slider2">
  <div class="slider-holder">
    <div class="jcarousel-container jcarousel-container-horizontal" style="display: block;"><div class="jcarousel-clip jcarousel-clip-horizontal"><ul class="jcarousel-list jcarousel-list-horizontal" style="width: 13580px; left: -970px;">
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project1.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project2.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project3.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" jcarouselindex="4">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project1.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" jcarouselindex="5">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project2.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" jcarouselindex="6">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project3.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" jcarouselindex="7">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project1.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" jcarouselindex="8">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project2.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" jcarouselindex="9">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project3.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" jcarouselindex="10">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project1.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-11 jcarousel-item-11-horizontal" jcarouselindex="11">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project2.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-12 jcarousel-item-12-horizontal" jcarouselindex="12">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project3.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-13 jcarousel-item-13-horizontal" jcarouselindex="13">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project1.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
          <li class="slide jcarousel-item jcarousel-item-horizontal jcarousel-item-14 jcarousel-item-14-horizontal" jcarouselindex="14">
            <div class="monitor">
              <a href="project-detailed.html"><img alt="" src="/images/slide-project2.jpg" /></a>
            </div>
            <div class="slide-info">
              <h2 class="border">Some Title Goes Here</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
              <ul class="buls">
                <li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
                <li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
                <li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
                <li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
              </ul>
            </div>
          </li>
        </ul></div></div>
  </div>

  <div class="slider-nav">
    <div class="slider-nav-holder">
      <div class="jcarousel-container jcarousel-container-horizontal" style="display: block;"><div class="jcarousel-clip jcarousel-clip-horizontal"><ul class="jcarousel-list jcarousel-list-horizontal" style="width: 1722px; left: 0px;">
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1"><a class="img2" href="#"><img alt="" src="/images/slide-thumb1.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2"><a class="img2 active" href="#"><img alt="" src="/images/slide-thumb2.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3"><a class="img2" href="#"><img alt="" src="/images/slide-thumb3.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" jcarouselindex="4"><a class="img2" href="#"><img alt="" src="/images/slide-thumb4.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" jcarouselindex="5"><a class="img2" href="#"><img alt="" src="/images/slide-thumb5.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" jcarouselindex="6"><a class="img2" href="#"><img alt="" src="/images/slide-thumb6.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" jcarouselindex="7"><a class="img2" href="#"><img alt="" src="/images/slide-thumb7.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" jcarouselindex="8"><a class="img2" href="#"><img alt="" src="/images/slide-thumb1.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" jcarouselindex="9"><a class="img2" href="#"><img alt="" src="/images/slide-thumb2.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" jcarouselindex="10"><a class="img2" href="#"><img alt="" src="/images/slide-thumb3.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-11 jcarousel-item-11-horizontal" jcarouselindex="11"><a class="img2" href="#"><img alt="" src="/images/slide-thumb4.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-12 jcarousel-item-12-horizontal" jcarouselindex="12"><a class="img2" href="#"><img alt="" src="/images/slide-thumb5.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-13 jcarousel-item-13-horizontal" jcarouselindex="13"><a class="img2" href="#"><img alt="" src="/images/slide-thumb6.jpg" /></a></li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-14 jcarousel-item-14-horizontal" jcarouselindex="14"><a class="img2" href="#"><img alt="" src="/images/slide-thumb7.jpg" /></a></li>
          </ul></div></div>
    </div>
    <div class="slider-nav-direction">
      <a class="prev" href="#">prev</a>
      <a class="next" href="#">next</a>
    </div>
  </div>

  <span class="slider-shadow"></span>
</div>

